@import '_var.scss';

.container{
    @include index-wh;
    background: url(../images/bg-result.png) no-repeat;
    background-size: contain;
    position: relative;
    .logo{
        @include wh(1.03rem,.38rem);
        background: url(../images/logo.png) no-repeat;
        background-size: contain;
        @include position($t:.45rem,$l:.45rem);
    }
    .content{
        @include wh(5.34rem,8.46rem);
        background: url(../images/shape-result.png) no-repeat;
        background-size: contain;
        @include position($t:1.5rem);
        @include center;
        .title{
            width: 100%;
            text-align: center;
            font-size: .5185rem;
            font-weight: bold;
            color: #f6ff00;
            text-shadow: 0.02rem 0 0 #000,
            -0.02rem 0 0 #000,
            0 0.02rem 0 #000,
            0 -0.02rem 0 #000;
            margin-top: .8rem;
        }
        .result{
            font-size: .375rem;
            color: #fff;
            text-align: center;
            margin-top: .3rem;
            text-shadow: 0.01rem 0.01rem 0.07rem #000;
            p{
                line-height: .7rem;
            }
            span{
                color: #36ff00;
            }
        }
        .share-button{
            @include wh(2rem,.71rem);
            background: url(../images/button-result.png) no-repeat;
            background-size: contain;
            @include position($t:7rem,$l:2.70rem);
            a{
                display: block;
                @include wh(2rem,.71rem);
            }
        }
        .person{
            @include wh(2.6rem,3.33rem);
            background: url(../images/person-result.png) no-repeat;
            background-size: contain;
            @include position($t:5.95rem,$l:.25rem);
        }
    }
}